<div class="dropdown">
    <button class="btn btn-icon btn-blue" type="button" data-bs-toggle="dropdown" aria-expanded="false">
        <i class="iconfont icon-smile fs-20"></i>
    </button>
    <ul class="dropdown-menu shadow-sm emoji-list p-2" data-stoppropagation="true">
        <li onclick="c_editor.insert('❤', -1, true);">❤</li>
        <li onclick="c_editor.insert('❄', -1, true);">❄</li>
        <li onclick="c_editor.insert('⛄', -1, true);">⛄</li>
        <li onclick="c_editor.insert('🈚', -1, true);">🈚</li>
        <li onclick="c_editor.insert('🈶', -1, true);">🈶</li>
        <li onclick="c_editor.insert('😃', -1, true);">😃</li>
        <li onclick="c_editor.insert('😅', -1, true);">😅</li>
        <li onclick="c_editor.insert('😉', -1, true);">😉</li>
        <li onclick="c_editor.insert('😍', -1, true);">😍</li>
        <li onclick="c_editor.insert('😝', -1, true);">😝</li>
        <li onclick="c_editor.insert('😏', -1, true);">😏</li>
        <li onclick="c_editor.insert('😒', -1, true);">😒</li>
        <li onclick="c_editor.insert('😞', -1, true);">😞</li>
        <li onclick="c_editor.insert('😔', -1, true);">😔</li>
        <li onclick="c_editor.insert('😓', -1, true);">😓</li>
        <li onclick="c_editor.insert('💩', -1, true);">💩</li>
        <li onclick="c_editor.insert('👐', -1, true);">👐</li>
        <li onclick="c_editor.insert('👊', -1, true);">👊</li>
        <li onclick="c_editor.insert('🙈', -1, true);">🙈</li>
        <li onclick="c_editor.insert('⚽', -1, true);">⚽</li>
    </ul>
</div>

<script>
    let c_editor;
    document.addEventListener('DOMContentLoaded', () => {
        const textareas = document.querySelectorAll('textarea');
        if (textareas.length > 1) {
            // 评论框编辑器
            c_editor = new TE(textareas[1]);
        }
    });
</script>